<template>
  <div>
      <div v-for="(v,i) in arr" :key="i" class="gzhz" @click="fun()">
         <div class="shang">
             <div><van-image  round  width=".3rem" height=".3rem" src="https://img01.yzcdn.cn/vant/cat.jpeg"/>
             <p>{{v.h1}}</p></div>
             <div>
               <van-icon name="plus" /><span>关注</span>
             </div>
         </div>
         <p>{{v.h2}}</p>
         <div>
           <img src="images/img10.jpg" alt="">
           <img src="images/img11.jpg" alt="">
           <img src="images/img12.jpg" alt="">
           <img src="images/img13.jpg" alt="">
           <img src="images/img14.jpg" alt="">
           <img src="images/img15.jpg" alt="">
         </div>
      </div>
  </div>
</template>

<script>
export default {
     data(){
       return {
           arr:[
             {"h1":"小点子家居","h2":"正所谓科技改变生活，随着生活质量的提高，智能家居也正在慢慢走进我们的生活，我整理了8款黑科技智能家电，快来一起看看吧"}
           ],
       }
     },
     methods:{
       fun(){
         this.$router.push("/xiangqing")
       }
     }
}
</script>

<style scoped>
   .shang{
     display: flex;
     justify-content: space-between;
     align-items: center;
   }
   p{
     font-size: .14rem;
   }
   .shang div{
     display: flex;
     align-items: center;
   }
   img{
     width: 1.24rem;
   }
   .gzhz{
     min-height:4rem;
   }
</style>